<template>
  <div class="cate_part_col1">
    <div class="cate_part_title">
      <a href="#">
          家电馆
          <i class="icon"></i>
      </a>
     <a href="#">
          家电专卖店
          <i class="icon"></i>
      </a>
      <a href="#">
          家电服务
          <i class="icon"></i>
      </a>
      <a href="#">
          企业采购
          <i class="icon"></i>
      </a>
      <a href="#">
          商用电器
          <i class="icon"></i>
      </a>
    </div>
    <div class="detail">
        <dl>
            <dt class="item1">
                <a href="#">
                    电视
                    <i class="icon"></i>
                </a>
            </dt>
            <dd>
                <a href="#">超薄电视</a>
                <a href="#">全面屏电视</a>
                <a href="#">智能电视</a>
                <a href="#">OLED电视</a>
                <a href="#">曲面电视</a>
                <a href="#">4K超清电视</a>
                <a href="#">55英寸</a>
                <a href="#">65英寸</a>
                <a href="#">电视配件</a>
            </dd>
        </dl>
        <dl>
            <dt class="item2">
                <a href="#">
                    空调
                    <i class="icon"></i>
                </a>
            </dt>
            <dd>
                <a href="#">超薄电视</a>
                <a href="#">全面屏电视</a>
                <a href="#">智能电视</a>
                <a href="#">OLED电视</a>
                <a href="#">曲面电视</a>
                <a href="#">4K超清电视</a>
                <a href="#">55英寸</a>
                <a href="#">65英寸</a>
                <a href="#">电视配件</a>
            </dd>
        </dl>
        <dl>
            <dt class="item2">
                <a href="#">
                    洗衣机
                    <i class="icon"></i>
                </a>
            </dt>
            <dd>
                <a href="#">超薄电视</a>
                <a href="#">全面屏电视</a>
                <a href="#">智能电视</a>
                <a href="#">OLED电视</a>
                <a href="#">曲面电视</a>
                <a href="#">4K超清电视</a>
                <a href="#">55英寸</a>
                <a href="#">65英寸</a>
                <a href="#">电视配件</a>
            </dd>
        </dl>
          <dl>
            <dt class="item1">
                <a href="#">
                    电视
                    <i class="icon"></i>
                </a>
            </dt>
            <dd>
                <a href="#">超薄电视</a>
                <a href="#">全面屏电视</a>
                <a href="#">智能电视</a>
                <a href="#">OLED电视</a>
                <a href="#">曲面电视</a>
                <a href="#">4K超清电视</a>
                <a href="#">55英寸</a>
                <a href="#">65英寸</a>
                <a href="#">电视配件</a>
            </dd>
        </dl>
                  <dl>
            <dt class="item1">
                <a href="#">
                    电视
                    <i class="icon"></i>
                </a>
            </dt>
            <dd>
                <a href="#">超薄电视</a>
                <a href="#">全面屏电视</a>
                <a href="#">智能电视</a>
                <a href="#">OLED电视</a>
                <a href="#">曲面电视</a>
                <a href="#">4K超清电视</a>
                <a href="#">55英寸</a>
                <a href="#">65英寸</a>
                <a href="#">电视配件</a>
            </dd>
        </dl>
                  <dl>
            <dt class="item1">
                <a href="#">
                    电视
                    <i class="icon"></i>
                </a>
            </dt>
            <dd>
                <a href="#">超薄电视</a>
                <a href="#">全面屏电视</a>
                <a href="#">智能电视</a>
                <a href="#">OLED电视</a>
                <a href="#">曲面电视</a>
                <a href="#">4K超清电视</a>
                <a href="#">55英寸</a>
                <a href="#">65英寸</a>
                <a href="#">电视配件</a>
            </dd>
        </dl>
                  <dl>
            <dt class="item1">
                <a href="#">
                    电视
                    <i class="icon"></i>
                </a>
            </dt>
            <dd>
                <a href="#">超薄电视</a>
                <a href="#">全面屏电视</a>
                <a href="#">智能电视</a>
                <a href="#">OLED电视</a>
                <a href="#">曲面电视</a>
                <a href="#">4K超清电视</a>
                <a href="#">55英寸</a>
                <a href="#">65英寸</a>
                <a href="#">电视配件</a>
            </dd>
        </dl>
                  <dl>
            <dt class="item1">
                <a href="#">
                    电视
                    <i class="icon"></i>
                </a>
            </dt>
            <dd>
                <a href="#">超薄电视</a>
                <a href="#">全面屏电视</a>
                <a href="#">智能电视</a>
                <a href="#">OLED电视</a>
                <a href="#">曲面电视</a>
                <a href="#">4K超清电视</a>
                <a href="#">55英寸</a>
                <a href="#">65英寸</a>
                <a href="#">电视配件</a>
            </dd>
        </dl>
                  <dl>
            <dt class="item1">
                <a href="#">
                    电视
                    <i class="icon"></i>
                </a>
            </dt>
            <dd>
                <a href="#">超薄电视</a>
                <a href="#">全面屏电视</a>
                <a href="#">智能电视</a>
                <a href="#">OLED电视</a>
                <a href="#">曲面电视</a>
                <a href="#">4K超清电视</a>
                <a href="#">55英寸</a>
                <a href="#">65英寸</a>
                <a href="#">电视配件</a>
            </dd>
        </dl>
                  <dl>
            <dt class="item1">
                <a href="#">
                    电视
                    <i class="icon"></i>
                </a>
            </dt>
            <dd>
                <a href="#">超薄电视</a>
                <a href="#">全面屏电视</a>
                <a href="#">智能电视</a>
                <a href="#">OLED电视</a>
                <a href="#">曲面电视</a>
                <a href="#">4K超清电视</a>
                <a href="#">55英寸</a>
                <a href="#">65英寸</a>
                <a href="#">电视配件</a>
            </dd>
        </dl>
                  <dl>
            <dt class="item1">
                <a href="#">
                    电视
                    <i class="icon"></i>
                </a>
            </dt>
            <dd>
                <a href="#">超薄电视</a>
                <a href="#">全面屏电视</a>
                <a href="#">智能电视</a>
                <a href="#">OLED电视</a>
                <a href="#">曲面电视</a>
                <a href="#">4K超清电视</a>
                <a href="#">55英寸</a>
                <a href="#">65英寸</a>
                <a href="#">电视配件</a>
            </dd>
        </dl>
                  <dl>
            <dt class="item1">
                <a href="#">
                    电视
                    <i class="icon"></i>
                </a>
            </dt>
            <dd>
                <a href="#">超薄电视</a>
                <a href="#">全面屏电视</a>
                <a href="#">智能电视</a>
                <a href="#">OLED电视</a>
                <a href="#">曲面电视</a>
                <a href="#">4K超清电视</a>
                <a href="#">55英寸</a>
                <a href="#">65英寸</a>
                <a href="#">电视配件</a>
            </dd>
        </dl>
                  <dl>
            <dt class="item1">
                <a href="#">
                    电视
                    <i class="icon"></i>
                </a>
            </dt>
            <dd>
                <a href="#">超薄电视</a>
                <a href="#">全面屏电视</a>
                <a href="#">智能电视</a>
                <a href="#">OLED电视</a>
                <a href="#">曲面电视</a>
                <a href="#">4K超清电视</a>
                <a href="#">55英寸</a>
                <a href="#">65英寸</a>
                <a href="#">电视配件</a>
            </dd>
        </dl>
    </div>
  </div>
</template>
<script>
export default {
  name: "Hidden",
  data() {
    return {};
  },
  components: {}
};
</script>
<style lang="less" scoped>
.cate_part_col1 {
  float: left;
  width: 800px;
    .cate_part_title {
        overflow: hidden;
        padding-left: 20px;
        height: 24px;
        a {
        float: left;
        margin-right: 10px;
        padding: 0 10px;
        height: 24px;
        background-color: #333;
        line-height: 24px;
        color: #fff;
        font-size: 12px;
        a:hover{
                background-color: #5c5251;
                color: #fff;
        }
        .icon{
            margin-left: 5px;
            display: inline-block;
            width: 10px;
            height: 15px;
            background-repeat: no-repeat;
            background-position: -26px -94px;
            background-image: url("../../../../../../assets/img/header/iconn.png");
        }
        }
    }
    .detail{
        overflow: hidden;
        padding: 10px 0 0 20px;
        dl{
            position: relative;
            padding-left: 80px;
            dt{
                overflow: hidden;
                position: absolute;
                left: 0;
                top:6px;
                width: 70px;
                text-align: right;
                font-weight: 700;
                white-space: nowrap;
                text-overflow: ellipsis;
                .icon{
                    margin-left: 5px;
                    display: inline-block;
                    width: 10px;
                    height: 15px;
                    background-repeat: no-repeat;
                    background-position: -26px -94px;
                    background-image: url("../../../../../../assets/img/header/iconn.png");
                }
            }
            dd{
                overflow: hidden;
                padding: 5px 0;
                width: 800px;
                a{
                    float: left;
                    margin: 3px 0;
                    padding: 0 10px;
                    height: 16px;
                    border-left: 1px solid #e0e0e0;
                    line-height: 16px;
                    white-space: nowrap;
                    color: #666;
                }
                a:hover{
                    color:#c81623;
                }
            }
        }

    }
}
</style>

